<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试Ajax</title>
</head>
<body>
<script>
    var xhttp;
    if (window.XMLHttpRequest) {
        //Ajax 的核心是 XMLHttpRequest 对象。
        //XMLHttpRequest 对象用于同服务器交换数据。
        //XMLHttpRequest 对象用于同幕后服务器交换数据。这意味着可以更新网页的部分，而不需要重新加载整个页面。
        //所有现代浏览器（Chrom、IE7+、Firefox、Safari 以及 Opera）都有内建的 XMLHttpRequest 对象。
        // 创建 XMLHttpRequest 的语法是：
        xhttp = new XMLHttpRequest();
    } else {
        // 老版本的 Internet Explorer（IE5 和 IE6）使用 ActiveX 对象：
        xhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //如需向服务器发送请求，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
    xhttp.open("GET", "http://localhost/AjaxDemo");
    xhttp.send();
    //onreadystatechange 属性定义当 readyState 发生变化时执行的函数。
    //readyState 属性存留 XMLHttpRequest 的状态。
    //status 属性和 statusText 属性存有 XMLHttpRequest 对象的状态。
    //每当 readyState 发生变化时就会调用 onreadystatechange 函数。
    //当 readyState 为 4(4: 请求已完成且响应已就绪)，status 为 200(200: "OK") 时，响应就绪：
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
                //responseText就存储了从Servlet内返回的数据
                alert(this.responseText)
        }
    };
</script>
</body>
</html>